/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";
@import "components/context_search";

// to reduce the avatar from displaying so large in the roster table
.rosterUser .avatar {
  width: $ic-sp*2;
  height: $ic-sp*2;
}

.roster-container {
  display: flex;
}

.roster-column {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}

.user-list {
  list-style-type: none;
  margin: 10px 0 0;
}

.user-list__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}

.user-list__item-details {
  margin-left: 10px;
}

.token_input {
  width: 100%;
}

#user_sections {
  list-style: none;
  margin: 0;
  padding: 0;
  li {
    @include name_bubbles;
    clear: left;
    margin-top: $ic-sp/2;
  }
}

/* Add People */
.addpeople {
  .addpeople__peoplesearch {
    fieldset {
      margin-top:1.5em;
    }
    fieldset.peoplesearch__selections {
      margin-right: auto;
      margin-left: auto;
      margin-top: .5rem;
      text-align: center;
      &>div {
        display: flex;
        justify-content: center;
      }
      .peoplesearch__selection {
        text-align: left;
        margin: 0 1em;
        flex: 0 0 auto;
        width: 30%;
      }
    }
    .peoplesearch__instructions {
      margin: 1.5em 0;
      text-align: center;
      .usericon {
        margin: 0 auto;
        font-size: 48px;
        line-height: 50px;
      }
    }
  }
  .namelist {
    margin: 1.5em 0;
  }
  .peoplevalidationissues__missing tr td:first-child {
    width: 30px;
  }
}
.addpeople:focus {
  outline: none;
}
